/**
 * 排列样式
 */

// flex定位（水平）
.flex-row {
  display: flex;
  flex-direction: row;
}

// flex定位（垂直）
.flex-column {
  display: flex;
  flex-direction: column;
}

// flex1
.flex-1 {
  flex: 1;
}

// flex2
.flex-2 {
  flex: 2;
}

// 水平,元素靠两侧
.row-between {
  @extend .flex-row;
  justify-content: space-between;
}

// 水平居中
.row-center {
  @extend .flex-row;
  align-items: center;
}

// 水平，元素靠底部
.row-flex-start {
  @extend .flex-row;
  align-items: flex-start;
}

// 水平，元素靠底部
.row-flex-end {
  @extend .flex-row;
  align-items: flex-end;
}

// 垂直排列 水平居中
.column-center {
  @extend .flex-column;
  align-items: center;
}

// 垂直排列 垂直居中
.column-c-center {
  @extend .flex-column;
  justify-content: center;
}

// 水平排列  水平垂直居中
.row-center-center {
  @extend .flex-row;
  align-items: center;
  justify-content: center;
}

// 垂直排列  水平垂直居中
.column-center-center {
  @extend .flex-column;
  align-items: center;
  justify-content: center;
}

// 水平排列，换行
.flex-wrap {
  @extend .flex-row;
  flex-wrap: wrap;
  justify-content: space-between;
}

// 宽高100%
.wh100 {
  width: 100%;
  height: 100%;
  display: block;
}

// 宽度50%
.w50 {
  width: 50%;
  box-sizing: border-box;
}

// 宽度100%
.w100 {
  width: 100%;
  box-sizing: border-box;
}

// 高度100%
.h100 {
  height: 100%;
}

// 高度50%
.h50 {
  height: 50% !important;
}
// 最小高度百分百
.min-100 {
  min-height: 100%;
}

// 高度百分百，溢出滚动条
.h100-scroll {
  height: 100%;
  overflow: auto;
}

// 居中对齐
.text-center {
  text-align: center;
}

// 居中对齐
.text-right {
  text-align: right;
}

// 手势
.cursor-pointer {
  cursor: pointer;
}

.ovwhhid {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
